<template>
  <view style="text-align: center">
    <view class="icon_wrp">
      <u-icon name="checkmark-circle-fill" size="90" color="#4DB200"></u-icon>
    </view>
    <view class="color-333">已重置密码</view>
    <view class="color-666">请用新密码登陆</view>
    <view hover-class="navigator-hover"  class="btn_wrp">
      <u-button :custom-style="btn_background" @click="toLogin"
                shape="circle" :hover-stop-propagation="false">去登陆</u-button>
    </view>
  </view>
</template>

<script>
  import mixins from "../mixins/mixins";

  export default {
	  mixins: [mixins],
	  methods: {
		  toLogin() {
			  this.$u.route({
				  url: "/pages/login/phone_login",
				  type: 'redirectTo'
			  })
		  }
	  }
  }
</script>

<style lang="scss" scoped>
  .icon_wrp {
    padding-top: 200upx;
  }
  .color-333 {
    padding-top: 30upx;
    font-size: 32upx;
  }
  .color-666 {
    padding-top: 20upx;
    font-size: 28upx;
  }
  .btn_wrp {
    margin-top: 150upx;
    padding-left: 37upx;
    padding-right: 37upx;
  }
</style>